$(function () {

    // 登录页表单校验
    // 用户名:非空 2-6位
    // 密码:非空 6-12位
    $('.login-form').bootstrapValidator({
        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //3. 指定校验字段
        fields: {
            //校验用户名，对应name表单的name属性
            username: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '用户名不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名必须2-6位'
                    },
                    callback : {
                        message :'用户名不存在'
                    }

                }

            },
            password: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '密码必须6-12位'
                    },
                    callback : {
                        message :'密码错误'
                    }

                }

            }
        }
    });
    $('.btn-reset').click (function () {
        $('login-form').data('bootstrapValidator').resetForm();
    });
    $(".login-form").on('success.form.bv', function (e) {
        e.preventDefault();
        //使用ajax提交逻辑
        $.ajax({
            url:'/employee/employeeLogin',
            type : 'post',
            data : $('.login-form').serialize(),
            dataType:'json',
            success : function (res) {
                console.log(res);
                if(res.success){
                    // 去首页
                    location.href = './index.html';
                }
                if(res.error === 1000){
                    // 将用户名的状态改为失败
                    $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback')
                }
                if(res.error === 1001){
                    // 将密码的状态改为失败
                    $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback')

                }
                
            }
        })
    });
    
})
